body {
	margin: 0;
	
}
iframe{
	border: 0;
}
.head {
	background-color: lightblue;
	height: 170px;
}

.head .line1 {
	position: absolute;
	width: 100%;
	height: 30px;
}

.head .line1 {
/*	background-color: #000;*/
}

.head a {
	color: white;
	text-decoration: none;
}

.head .line1 .logo {
	display: inline-block;
	
	position: absolute;
		left: 100px;

	
}
.head .line1 .logo img{
	margin-top:5px;
	width: 50px;
	height: 30px;
	
}
.head .line1 .right {
	display: inline-block;
	line-height: 34px;
	right: 100px;
	position: absolute;
	color: #999999;
}

.head .line1 .right a {
	width: 120px;
	color: #333333;
	display: inline-block;
	text-align: center;
}
.head hr{
	border-top: none;
	
	
	border-bottom: 1px solid #999999;
	margin-bottom: 0px;
}
.head .line3{
	margin: 35px;

	display: flex;
	justify-content: space-between;
	align-items: center;
}
.head .line3 .title{
	

	color: white;
	width: 100px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	font-size: 16px;
	color: mediumslateblue;
}
.head .line3 ul{
	margin: 80px 175px;
	padding-left: 0px;
	}
.head .line3 li{
	display: inline-block;
	width: 230px;
	text-align: center;
}
.head .line3 li a{
	height: 54px;
	line-height: 54px;
	display: inline-block;
	}
.head .line3 li a:hover,.head .line3 .active{
	color: mediumslateblue;
	border-bottom: 4px solid mediumslateblue;
	height:50px ;
	}
	
